<template>
	<view class="content">
		

		<view class="l-body">
			

			<!-- l-madin -->
			<view class="l-main">
				
				<view class="l-dl" @scrolltolower="scroll" @click="openPDF(contractUrl1);towait()">
					<view>
						<image class="l-dt" :src="img" mode="aspectFill"></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							高等数学(上)
						</view>
						<view class="l-dd-content">
							《高等数学(第七版)》分上、下两册出版，共十二章，上册包括函数与极限、导数与微分、微分中值定理与导数的应用、不定积分、定积分及其应用、微分方程等内容，书末附有二阶和三阶行列式简介、基本初等函数的图形、几种常用的曲线、积分表、习题答案与提示;下册包括向量代数与空间解析几何、多元函数微分法及其应用、重积分、曲线积分与曲面积分、无穷级数等内容，书末附有习题答案与提示。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				
				<view class="l-dl" @scrolltolower="scroll" @click="openPDF(contractUrl2);towait()">
					<view>
						<image class="l-dt" :src="img" mode="aspectFill" ></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							高等数学(中)
						</view>
						<view class="l-dd-content">
							《高等数学(第七版)》分上、下两册出版，共十二章，上册包括函数与极限、导数与微分、微分中值定理与导数的应用、不定积分、定积分及其应用、微分方程等内容，书末附有二阶和三阶行列式简介、基本初等函数的图形、几种常用的曲线、积分表、习题答案与提示;下册包括向量代数与空间解析几何、多元函数微分法及其应用、重积分、曲线积分与曲面积分、无穷级数等内容，书末附有习题答案与提示。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
				<view class="l-dl" @scrolltolower="scroll" @click="openPDF(contractUrl3);towait()">
					<view>
						<image class="l-dt" :src="img" mode="aspectFill" ></image>
					</view>
					<view class="l-dd">
						<view class="l-dd-title">
							高等数学(下)
						</view>
						<view class="l-dd-content">
							《高等数学(第七版)》分上、下两册出版，共十二章，上册包括函数与极限、导数与微分、微分中值定理与导数的应用、不定积分、定积分及其应用、微分方程等内容，书末附有二阶和三阶行列式简介、基本初等函数的图形、几种常用的曲线、积分表、习题答案与提示;下册包括向量代数与空间解析几何、多元函数微分法及其应用、重积分、曲线积分与曲面积分、无穷级数等内容，书末附有习题答案与提示。
						</view>
						<view class="l-dd-footer">
							<!-- <image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							<image class="l-dd-img" lazy-load src="../../../static/logo.png" mode="aspectFill"></image>
							 -->
							 
							<text style="font-size: 30rpx;"></text>
						</view>
					</view>
				</view>
					<view style="text-align: center;font-size: 30rpx;color: #F1F1F1;margin-top: 15rpx;">
						已加载全部
					</view>
				
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				
				
				img: `../../../../static/课本/高等数学.png`,
				
				contractUrl1:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-77dc303a-f168-4c8b-aee5-199414dbcac2/e9055b11-4566-4f61-b843-34e86fc72b5c.pdf',
				contractUrl2:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-77dc303a-f168-4c8b-aee5-199414dbcac2/0947e76d-fe20-4b61-926b-5b32bccef00c.pdf',
				contractUrl3:'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-77dc303a-f168-4c8b-aee5-199414dbcac2/5b08256e-0878-4ef9-b313-d8ab625e3cc5.pdf',
			}
		},
		methods:{
			towait(){
				uni.navigateTo({
				  url: "/pages/bookself/filePreview/filePreview",
				});
			},
			successall(e){
				console.log(e.tempFilePaths[0]);
				this.Url = e.tempFilePaths[0];
			},
			locapdf(filePath){
				uni.openDocument({
				  filePath: filePath,
				  success: function (res) {
				    console.log("打开文档成功");
				  },
				});
			},
			androidOpenPdf(url) {
			  uni.downloadFile({
			    url: url,
			    success: function (res) {
			      var filePath = res.tempFilePath;
			      uni.openDocument({
			        filePath: filePath,
			        success: function (res) {
			          console.log("打开文档成功");
			        },
			      });
			    },
			  });
			},
			openPDF(contractUrl) {
			  switch (uni.getSystemInfoSync().platform) {
			    case "android":
			      console.log("安卓");
			      // 这里直接调用原生的方法，我们上面定义的
			      this.androidOpenPdf(contractUrl);
			      break;
			    case "ios":
			      console.log("IOS");
			      //这里跳转web-view页面
			      uni.navigateTo({
			        url: "/pages/bookself/filePreview/filePreview?contractUrl=" + contractUrl,
			      });
			      break;
			    default:
			      this.androidOpenPdf(contractUrl);
			      break;
			  }
			}
		}
	}
</script>

<style>
	/* l-head */
	.l-head {
		margin-top: 15rpx;
	}

	.l-nav-bookrack {
		font-size: 30rpx;
	}


	/* l-main */

	.l-main {
		padding-bottom: 32rpx;
	}



	.l-dl {
		margin-top: 32rpx;
		display: flex;
		width: 100%;
		height: 224rpx;
	}

	.l-dt {
		width: 160rpx;
		height: 100%;
		border-radius: 10rpx;
		margin-right: 24rpx;
	}

	.l-dd {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.l-dd-title {
		color: var(--c-txt-3);
		font: var(--f-size-3) normal;
	}

	.l-dd-content,
	.l-dd-footer {
		color: var(--c-txt-2);
		font: var(--f-size-2)/var(--f-size-4) normal;
	}

	.l-dd-content {
		width: 100%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}

	.l-dd-footer {
		display: flex;
		align-items: center;
	}

	.l-dd-view-footer {
		width: 100%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
	}

	.l-dd-img {
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
		margin-right: 6rpx;
	}
</style>
